<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>首页</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0,maximum-scale=1.0" />
	<title></title>
  	<script type="text/javascript" src="../common/meta.js"></script> 
	<script src="main.js"></script>
	<script type="text/javascript" src="./cache.js"></script> 
<style>
     /* 幻灯片切换图标样式 */
	/** carousel */
	
	.indicator > li {
	    background:#aaa;
	    border-radius: 0;
	    height:5px ;
	    width:10px ;
	}
	
	a{
	  color:#000;
	}
     .ui-body-c, .ui-overlay-c {
     	background:none;
	    color: #333;
	}
	 .nav{
	 	margin-top:5px;
	 	float:right;
	 }
	 .ui-header .ui-title{
	    font-size: 24px;
	    margin: 10px;
	    text-align: left;
	}
	#productCatagory li{
        margin-bottom: 0px;
        padding-bottom: opx;
        margin-top: 5px;
        padding-top: 5px;
    }
    #productCatagory li a img{
    	width: 70px;
    	height: 60px;
    }
</style>
</head>
<body>
<div id="mainPage" data-role="page" class="bodyframe">
	   <div data-role="header" class="theme-info">
	   <ul class="nav">
	   <a  id="search" href="search.html"><image src='../image/search_48.ico'></image></a>
	   <a  id="tool"  href="setting.html"><image src='../image/setting_48.ico'></image></a>
	   <a  id="user"  href="personalSetting.html"><image src='../image/person_48.ico'></image></a>
	   </ul>
	    <h1>DrinkingBar</h1>
	   </div>
	   <div data-role="content" >
									<!-- data-role="carousel" 幻灯片模板  -->
									<!-- data-carousel-auto="true" 自动切换 -->
									 <div  class="row-fluid">
									<div id="wrapper" data-role="carousel" data-carousel-auto="true" data-carousel-indicator="indicator">
											<ul>
												<li class="on"><img src="../image/wrapper-juice.jpg"></img></li>
												<li><img src="../image/wrapper-coffee.jpg"></img></li>
												<li><img src="../image/wrapper-milktea.jpg"></img></li>
												<li><img src="../image/wrapper-cake.jpg"></img></li>
												<li><img src="../image/wrapper-icecake.jpg"></img></li>
											</ul>
									</div>
									</div>
									<ul data-role="nav-menu" id="productCatagory">
									</ul>
										
									</div>
					</div>
</body>
</html>